<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title></title>
    <link href="static/css/style.css" rel="stylesheet" type="text/css" />
    <link href="static/css/select.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="static/js/jquery.js"></script>
		<script type="text/javascript" src="static/js/select-ui.min.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$(".tablelink").click(function(){
			$(".tip").fadeIn(200);
		});
		$(".tiptop a").click(function(){
			$(".tip").fadeOut(200);
		});
		
		$(".sure").click(function(){
			$(".tip").fadeOut(100);
		});
		
		$(".cancel").click(function(){
			$(".tip").fadeOut(100);
		});
		
		$(".select3").uedSelect({
			width : 100,
		});
		var integer = '${requestScope.integer}'
		if(integer!=0){
			alert("添加成功"+integer);
		};
		$("#tiao").hide();
		var i = 0;
		$("#dian").click(function(){
			if(i==1){
				$("#tiao").stop().slideUp();
				i=0;
			}else{
				$("#tiao").stop().slideDown();
				i=1;
			}
		});
	});
	</script>
	</head>
	<body>
	
		<div class="place">
		    <span>位置：</span>
		    <ul class="placeul">
			    <li><a href="#">首页</a></li>
			    <li><a href="#">数据表</a></li>
			    <li><a href="#">基本内容</a></li>
		    </ul>
	    </div>
	    <div class="rightinfo">
	    <div class="tools">
	    	<ul class="toolbar">
	        <li class="click" onclick="location.href='back/goaddBook'"><span><img src="static/images/t01.png" /></span>添加</li>
	        <li class="click"><span><img src="static/images/t02.png" /></span>修改</li>
	        <li><span><img src="static/images/t03.png" /></span>删除</li>
	        <li><span><img src="static/images/t04.png" /></span>统计</li>
	        </ul>
	        <ul class="toolbar1">
	        	<li id="dian"><span><img src="images/t05.png" /></span>查询</li>
	        </ul>    
	    </div>
	    <form action="" method="post" id="tiao">
		    <ul class="seachform" style="overflow: hidden;">
		    	<li><label>编号</label><input name="bId" value="" type="text" class="scinput" style="width:50px;"/></li>
			    <li><label>用户名</label><input name="bName" value="" type="text" class="scinput" /></li>
			    <li><label>管理员</label>  
				    <div class="vocation">
					    <select class="select3" name="typeId.tId">
					     	<option value="-1">全部</option>
					    </select>
				    </div>
			    </li>
			    <li><label>&nbsp;</label><input type="submit" class="scbtn" value="查询"/>&nbsp;<span style="color:skyblue;display: inline;">(名称支持模糊查询)</span></li>
		    </ul>
	    </form>
	    <table class="tablelist">
	    	<thead>
		    	<tr align="center">
			        <th style="text-align:center;"><input name="" type="checkbox" value="" checked="checked"/></th>
			        <th style="text-align:center;">编号</th>
			        <th style="text-align:center;">登陆名</th>
			        <th style="text-align:center;">密码</th>
			        <th style="text-align:center;">手机号</th>
			        <th style="text-align:center;">管理员</th>
			        <th style="text-align:center;">操作</th>
		        </tr>
	        </thead>
	        <tbody>
		        <c:forEach items="${requestScope.user}" var="u">
		        	<tr align="center">
				        <td><input name="" type="checkbox" value="" /></td>
				        <td>${u.hUserId }</td>
				        <td>${u.hUserName }</td>
				        <td>${u.hUserpassword }</td>
				        <td>${u.hUserphone }</td>
				        <td>${u.hUsermid.hMname }</td>
				        <td><a href="javascript:void(0);" class="tablelink">查看</a>     <a href="javascript:void(0);" class="tablelink"> 删除</a></td>
			        </tr>
		        </c:forEach>
	        </tbody>
	    </table>
	    
	   
	    <div class="pagin">
	    	<div class="message">共<i class="blue">1256</i>条记录，当前显示第&nbsp;<i class="blue">2&nbsp;</i>页</div>
	        <ul class="paginList">
	        <li class="paginItem"><a href="javascript:;"><span class="pagepre"></span></a></li>
	        <li class="paginItem"><a href="javascript:;">1</a></li>
	        <li class="paginItem current"><a href="javascript:;">2</a></li>
	        <li class="paginItem"><a href="javascript:;">3</a></li>
	        <li class="paginItem"><a href="javascript:;">4</a></li>
	        <li class="paginItem"><a href="javascript:;">5</a></li>
	        <li class="paginItem more"><a href="javascript:;">...</a></li>
	        <li class="paginItem"><a href="javascript:;">10</a></li>
	        <li class="paginItem"><a href="javascript:;"><span class="pagenxt"></span></a></li>
	        </ul>
	    </div>
	    
	    
		    <div class="tip">
		    	<div class="tiptop"><span>提示信息</span><a></a></div>
		      	<div class="tipinfo">
		        <span><img src="images/ticon.png" /></span>
		        <div class="tipright">
		        <p>是否确认对信息的修改 ？</p>
		        <cite>如果是请点击确定按钮 ，否则请点取消。</cite>
		        </div>
		        </div>
		        
		        <div class="tipbtn">
		        <input name="" type="button"  class="sure" value="确定" />&nbsp;
		        <input name="" type="button"  class="cancel" value="取消" />
		        </div>
		    </div>
	    </div>
	    <script type="text/javascript">
			$('.tablelist tbody tr:odd').addClass('odd');
		</script>
	</body>
</html>